<template>
	<div class="set">
		<Header></Header>
		<ul class="setlsit">
			<li>
				<div>仅WiFi下载</div>
				<div>
					<span>打开</span>
				</div>
			</li>
			<li>
				<div>我要合作</div>
				<div>
					<img :src="require('../../assets/huo_meSon/go.png')" alt="" />
				</div>
			</li>
			<li>
				<div>关于我们</div>
				<div>
					<img :src="require('../../assets/huo_meSon/go.png')" alt="" />
				</div>
			</li>
			<li>
				<div>清空缓存</div>
				<div>
					<span>0M</span>
				</div>
			</li>
			<li>
				<div>版本号</div>
				<div>
					<span>1.3.33</span>
				</div>
			</li>
		</ul>
		<button class="btn">退出登录</button>
	</div>
</template>

<script>
import Header from '../../components/Header'
export default {
	components: {
		Header,
	},
}
</script>

<style lang="scss" scoped>
.set {
	width: 100%;
}
.setlsit {
	border-top: 1px solid #eee;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	background: whtie;
	li {
		height: 47px;
		line-height: 47px;
		display: flex;
		justify-content: space-between;
		& + li {
			border-top: 1px solid #eee;
			img {
				width: 22px;
				height: 29px;
				margin: 9px 0;
			}
		}
	}
}
button {
	width: 100%;
	height: 45px;
	background: white;
	border: none;
	outline: none;
	font-size: 14px;
	color: #3f82ed;
	margin: 40px 0 0;
}
</style>